<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style>
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border: 0px;
	font-family: 微软雅黑;
	font-size: 14px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	user-select: none;
	color: #555;
}
ul li{
	list-style: none;
	cursor: pointer;
}
.hxk-bottom{
	position: fixed;
	z-index: 10;
	height: auto;
	width: 100%;
	bottom: 0;
	border: 0;
}
.hxk-nav{
	width: 100%;
	height: 50px;
	background: rgb(144, 126, 0);
	box-shadow: 1px 1px 10px #CCC;
	position: relative;
}
.hxk-nav .kxh-nav-list{
	height: 100%;
	width: 100%;
}
.hxk-nav .kxh-nav-list > li{
	height: 100%;
	width: 20%;
	float: left;
	text-align: center;
	line-height: 50px;
	position: relative;
	color: white;
}
.hxk-nav .kxh-nav-list > li >span{
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	color: inherit;
}
.hxk-nav .kxh-nav-list > li > ul{
	display: block;
	height: 0px;
	width:100%;
	background: rgba(144, 126, 0, .7);
	position: absolute;
	bottom: 50px;
	overflow: hidden;
	
}
.hxk-nav .kxh-nav-list > li > ul > li{
	display: block;
	height: auto;
	width:100%;
	color: white;
}
</style>
<div class="hxk-bottom">
	<div class="hxk-nav">
		<ul class="kxh-nav-list">
			<li onclick="location.href='${path}/index.htm'">首页</li>
			<li>
				<span class="title">文件</span>
				<ul class="menu">
					<li onclick="location.href='${path}/hello/goUpload.htm'">上传</li>
					<li class="down" >下载</li>
				</ul>
			</li>
			<li>
				<span class="title">图片</span>
				<ul class="menu">
					<li  onclick="location.href='${path}/hello/show.htm'">搞笑</li>
					<li  class="girl">美女</li>
					<li  class="face" >表情</li>
					<li  onclick="location.href='${path}/hello/showUpload.htm'">用户上传</li>
				</ul>
			</li>
			<li>
				<span class="title">个人中心</span>
				<ul class="menu">
					<li onclick="location.href='${path}/user/register.htm'">${USER.getName() }</li>
					<li onclick="location.href='${path}/user/register.htm'">注册</li>
					<li onclick="location.href='${path}/user/login.htm'">登录</li>
				</ul>
			</li>
			<li>
				<span class="title">更多</span>
				<ul class="menu">
					<li class="update" href="location.href='${path}/updateToken.htm'">更新token</li>
					<li class="update" href="location.href='${path}/updateTicket.htm'">更新ticket</li>
					<li class="qrCode">二维码</li>
				</ul>
			</li>
		</ul>
	</div>
</div>
<%@include file="/WEB-INF/jsp/static/hxk_js.jsp" %>
<script>
	$(function(){
		$(".kxh-nav-list > li").click(function(){
			var _this = this,
			thisH = $(_this).find(".menu").height(),
			thisLH = function(){
				var allLiHeight = 0;
				$(_this).find(".menu li").each(function(index,item){
					allLiHeight += $(item).height();
				});
				return allLiHeight;
			}();
			if(thisH != 0){
				$(_this).find(".menu").animate({"height":"0px"});
			}else{
				$(_this).find(".menu").animate({"height": thisLH+"px"});
			}
		});
		$(".update").click(function(){
			//$liu.msg({msg:"抱歉，该操作为管理员仅有..."});
			eval( $(this).attr("href") );
		});
		$(".down").click(function(){
			//$liu.msg({msg:"下载功能还在开发中..."});
			location.href = $(this).attr("href");
		});
		$(".face").click(function(){
			location.href='/hello/showLogo.htm';
		});
		$(".girl").click(function(){
			$liu.msg({msg:"一大波美女来袭..."});
			setTimeout(function(){
                //$liu.msg({msg:"美女图片展示屏蔽..."});
				location.href='/hello/showGirl.htm';
			},3000);
		});
		//二维码
		new liuQRCode({
			QRObj : $(".qrCode"),
			QRCode : location.href,
			title : $("title").text(),
			img : "${Static_index }/image/index.jpg",
		});
		//浮动导航
		$liu.floatNavigation({
			userURL : [
				{tip:"star主页",url:"http://huaxinkai.imwork.net"},
				{tip:"百度",url:"http://www.baidu.com"},
				{tip:"淘宝",url:"http://www.taobao.com"},
				{tip:"chat",url:"/user/chat.htm"}
				]
		});
		//设置body底部padding
		$("body").css({"padding-bottom":"50px"});
	});
</script>
